.prom1-title {
    background: none;
    color: black;
}

.prom1-title-span {
    color: black !important;
}

.prom1-part1 {
    height: 8.57rem;
    background: linear-gradient(90deg, rgba(255, 185, 95, 1), rgba(236, 19, 19, 1));
    background-image: url(../image/prom1_bg.png);
    background-size: 100% 100%;
}

.prom1-part2 {
    width: 16.75rem;
    min-width: 90vw;
    height: 14.03rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.25rem;
    margin: 0 auto;
    position: relative;
    top: -1.5rem;
    padding: 0 1.2rem;
}

.prom1-part2 .title {
    /* margin: 0 auto; */
    height: 2.35rem;
    width: 100%;
    font-size: 0.9rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 2.35rem;
    text-align: center;
}

.prom1-part2 table {
    width: 100%;
}

.prom1-part2 table thead,
.prom1-part2 tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.prom1-part2 .content td {
    width: 25%;
    text-align: center;
}

.prom1-part2 thead {
    height: 0.6rem;
    font-size: 0.65rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(102, 102, 102, 1);
}

.prom1-part2 tbody {
    display: block;
    height: 9.1rem;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    font-size: 0.65rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
}

.prom1-part3 {
    width: 16.7rem;
    height: 3.35rem;
    font-size: 0.6rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
    line-height: 0.93rem;
    margin: 1rem auto;
}

.promotion-hb-header {
    background-image: url(../image/common-mode-bg.png);
    background-size: 120% 100%;
    background-position-x: 5%;
    background-repeat: no-repeat;
    height: 10.2rem;
    /* max-width: 20rem; */
    margin: 0 auto;
}

.promotion-hb-header header {
    background: none;
}

.prom-hb-row1 {
    margin: 1rem auto 0rem auto;
    height: 3rem;
    line-height: 1rem;
    font-size: 1.05rem;
    font-family: SourceHanSansCN-Heavy;
    font-weight: 800;
    font-style: italic;
    color: rgba(255, 255, 255, 1);
    line-height: 1.38rem;
    text-shadow: 0rem 0rem 0.5rem rgba(140, 237, 246, 0.58);
    text-align: center;
    letter-spacing: 0.01rem;
}

.prom-hb-row2 {
    height: 1rem;
    font-size: 0.75rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 1.18rem;
    text-align: center;
}

.prom-hb-row3 {
    height: 0.8rem;
    font-size: 0.6rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 1.18rem;
    text-align: center;
}

.prom-hb-row4 {
    height: 0.6rem;
    font-size: 0.5rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(102, 102, 102, 1);
    line-height: 1.18rem;
    text-align: center;
}

.prom-hb-tips {
    max-width: 16.75rem;
    width: 95vw;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.5rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(48, 108, 238, 1);
    line-height: 1.18rem;
    /* padding-left: 1.2rem; */
    margin: 0.2rem auto;
    opacity: 1;
    transition: all .5s ease-in-out;

}

.prom-hb-tips-hide {
    opacity: 0;
}

.prom-hb-part2 {
    max-width: 16.75rem;
    width: 95vw;
    height: auto;
    border-radius: 0.25rem;
    margin: 0 auto;
    overflow: hidden;
}

.prom-hb-part3 {
    max-width: 16.75rem;
    width: 92vw;
    /* height: 18.02rem; */
    background: linear-gradient(90deg, rgba(42, 103, 236, 1), rgba(91, 144, 255, 1));
    box-shadow: 0rem 0rem 0.1rem 0rem rgba(59, 119, 246, 0.58);
    border-radius: 0.25rem;
    margin: 0 auto;

    font-size: 0.6rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 1.5rem;

    padding: 0.8rem;
}

.prom-hb-part3 table {
    width: 100%;
}

.prom-hb-part3 tr td:nth-child(2) {
    text-align: center;
}

.prom-hb-part3 .title {
    width: 100%;
    height: 0.85rem;
    font-size: 0.9rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 0.83rem;
    text-align: center;
}

.prom-hb-part3 .sub-title {
    line-height: 1.5rem;
    font-size: 0.75rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);

}

.prom-hb-yaoqing {
    max-width: 15.75rem;
    width: 92vw;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    position: relative;
    top: -0.8rem;
}

.prom-hb-yaoqing-btn {
    min-width: 5rem;
    width: 35vw;
    height: 2rem;
    line-height: 2rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0rem 0rem 0.1rem 0rem rgba(59, 119, 246, 0.58);
    border-radius: 0.25rem;
}

.prom-register {
    margin: 0.8rem auto;
}

.promotion-sp-header {
    width: 100%;
    height: 19.85rem;
    background-image: url('../image/superpartner.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.promotion-sp-header header {
    background: none;
}

.prom-yqm-part1 {
    width: 16.73rem;
    height: 21.93rem;
    border-radius: 0.25rem;
    margin: 1rem auto;
}

.prom-yqm-part2 {
    text-align: center;
    height: 1rem;
    font-size: 0.6rem;
    font-family: PingFang-SC-Regular;
    font-weight: 400;
    color: rgba(26, 26, 26, 1);
    line-height: 1rem;
}

.prom-yqm-part3 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    max-width: 18rem;
    width: 90vw;
    margin: 0.5rem auto;
    height: 2.3rem;
}

.prom-yqm-btn {
    width: 8.2rem;
    height: 1.85rem;
    background: linear-gradient(90deg, rgba(42, 103, 236, 1), rgba(91, 144, 255, 1));
    border-radius: 0.25rem;
    text-align: center;
    line-height: 1.85rem;
}

.promotion-sp-part1 {
    min-width: 16.5rem;
    width: 90%;
    height: 10.98rem;
    background-color: white;
    margin: 0 auto;
    position: relative;
    top: 0.5rem;
    overflow: visible;
}

.promotion-sp-part1 .title {
    width: 9rem;
    height: auto;
    margin: 2rem auto;
    position: relative;
    top: 1.4rem;
}

.promotion-sp-part1 table {
    width: 85%;
    margin: 0 auto;
    text-align: center;
    font-size: 0.65rem;
    font-family: FZLTHK--GBK1-0;
    font-weight: 400;
    line-height: 1.2rem;
}

.promotion-sp-top {
    min-width: 17.33rem;
    width: 90%;
    height: 1rem;
    background: #4B77D6;
    border-radius: 0.25rem;
    position: relative;
    top: -4.25rem;
    margin: 0 auto;
}

.promotion-sp-lk-l {
    height: 2rem;
    position: absolute;
    bottom: -1.35rem;
    left: 1.8rem;
    z-index: 1003;
}

.promotion-sp-lk-r {
    height: 2rem;
    position: absolute;
    bottom: -1.35rem;
    right: 1.8rem;
    z-index: 1003;
}

.promotion-sp-part2 {
    width: 16.5rem;
    height: 18.8rem;
    background: white;
    margin: 7rem auto 2rem auto;
    overflow: hidden;
}

.promotion-sp-part2 .title {
    width: 9rem;
    height: auto;
    margin: 1.5rem auto;
}

.promotion-sp-part2 .row {
    width: 85%;
    height: 2.6rem;
    margin: 1rem auto;
}

.promotion-sp-part2 .row-content {
    float: left;
}

.promotion-sp-part2 .row-icon {
    width: 2.6rem;
    height: 2.6rem;
    border: 1px solid rgb(84, 133, 239);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promotion-sp-part2 .row-text {
    font-size: 0.8rem;
    margin-left: 0.8rem;
    width: 10rem;
}

.promotion-sp-part2 .row-text div:nth-child(2) {
    font-size: 0.5rem;
}

.prom-sp-h1 {
    width: auto;
    height: auto;
    margin: 1.25rem auto 0.5rem auto;
    text-align: center;

    height: 1.3rem;
    font-size: 1rem;
    font-family: PingFangSC-Bold;
    font-weight: 400;
    color: rgba(254, 254, 254, 1);
}

.prom-sp-h2 {
    width: auto;
    height: auto;
    margin: 0 auto;
    text-align: center;

    height: 1.3rem;
    font-size: 1.75rem;
    line-height: 1.3rem;
    font-family: PingFangSC-Bold;
    font-weight: 500;
    color: rgba(254, 254, 254, 1);
}

.prom-sp-h3 {
    width: 6.23rem;
    height: 1.5rem;
    color: rgb(84, 133, 239);
    text-align: center;
    line-height: 1.5rem;
    font-size: 0.75rem;
    font-family: PingFangSC-Bold;
    font-weight: bold;
    color: rgba(68, 125, 246, 1);
    background: url('../image/cjhhr-dw.png');
    background-size: 100% 100%;
    margin: 0.8rem auto;
}